@media(max-width:1440px) {
	.dot.mahato {
		top: 23%;
		right: 44%;
	}
	div#cue_office_dot {
		top: 32%;
		right: 43%;
	}
	.dot.sampang {
		top: 34%;
		right: 38%;
	}
	.dot.maari {
		right: 2%;
		bottom: 12%;
	}
	div#mahato_map .map-item-inner {
		top: 40%;
		right: 30%;
	}
	div#sampang_map .map-item-inner {
		top: 54%;
	}
	.amadeus-line {
		position: absolute;
		top: 23%;
		right: 15%;
	}
	.maari-line {
		position: absolute;
		bottom: 14%;
		right: 3%;
	}
	.proj-map .dot.mahato {
		left: 12%;
		right: unset;
		top: 12%;
	}
	.proj-map div#cue_office_dot {
		left: 15%;
		top: 24%;
	}
	.proj-map div#sampang_dot {
		left: 23%;
		top: 27%;
	}
	.proj-map div#carnarvon_dot {
		left: 26%;
		top: 48%;
	}
	.proj-map div#maari_dot {
		right: 10%;
	}
	.proj-map div#head_office_dot {
		left: 55.5%;
		bottom: 16%;
	}
	.proj-map .map-label-cue {
		left: 10%;
		top: 28%;
		right: unset;
	}
	.proj-map .map-label-head {
		right: 44%;
	}
	.proj-map div#mahato_map .map-item-inner {
		top: 29%;
		right: unset;
		left: 4%;
	}
	.proj-map div#sampang_map .map-item-inner {
		top: 48%;
		left: 1%;
	}
	.proj-map .carnarvon-line {
		left: -2%;
	}
	.proj-map div#carnarvon_map .map-item-inner {
		left: -5%;
	}
	.proj-map div#amadeus_map .map-item-inner {
		top: 12%;
		right: 6%;
	}
	.proj-map .maari-line {
		right: 12%;
	}
	.proj-map div#maari_map .map-item-inner {
		right: 32%;
		bottom: 0%;
	}
}
@media(max-width:1366px) {
	.mahato-line {
		position: absolute;
		bottom: 100%;
		left: 11%;
	}
	div#mahato_map .map-item-inner {
		top: 43%;
		right: 30%;
	}
	div#sampang_map .map-item-inner {
		top: 58%;
		right: 33%;
	}
	.amadeus-line {
		position: absolute;
		top: 19%;
		right: 14%;
	}
	.proj-map div#mahato_map .map-item-inner {
		top: 28%;
		right: unset;
		left: 4%;
	}
	.proj-map div#sampang_map .map-item-inner {
		top: 48%;
		left: 2%;
	}
	.proj-map .sampang-line {
		position: absolute;
		bottom: 105%;
		left: 33%;
	}
}
@media(max-width:1280px) {
	div#mahato_map .map-item-inner {
		top: 42%;
		right: 29%;
	}
	.mahato-line {
		position: absolute;
		bottom: 101%;
		left: 16%;
	}
	.amadeus-line {
		position: absolute;
		top: 18%;
		right: 13%;
	}
	.proj-map div#mahato_map .map-item-inner {
		top: 28%;
		right: unset;
		left: 3%;
	}
	.amadeus-line {
		position: absolute;
        top: 22%;
        right: 13%;
	}
	div#amadeus_map .map-item-inner {
		right: 0%;
	}
	.proj-map div#head_office_dot {
        left: 57.5%;
        bottom: 18%;
    }
}
@media(max-width:1024px) {
	.logo {
		margin-bottom:20px;
	}
	.nav {
		display:none !important;
	}
	.mobileMenuContainer{
		display: block;
	}
	.proj-map .dot.mahato {
		left: 6%;
	}
	.proj-map div#cue_office_dot {
		left: 9%;
		top: 24%;
	}
	.proj-map div#sampang_dot {
		left: 20%;
		top: 27%;
	}
	.proj-map div#carnarvon_dot {
		left: 23%;
		top: 48%;
	}
	.proj-map div#head_office_dot {
		left: 57.5%;
		bottom: 16%;
	}
	.proj-map div#maari_dot {
		right: 3%;
	}
	.proj-map .map-label-nz {
		right: 0%;
	}
	.proj-map .map-label-cue {
		left: 4%;
		top: 28%;
		right: unset;
	}
	.proj-map div#mahato_map .map-item-inner {
		top: 29%;
		right: unset;
		left: -4%;
	}
	.proj-map div#sampang_map .map-item-inner {
		top: 48%;
		left: -7%;
	}
	.proj-map .carnarvon-line {
		left: -12%;
	}
	.proj-map div#carnarvon_map .map-item-inner {
		left: -14%;
	}
	.proj-map .amadeus-line {
		top: 16%;
		left: 47%;
		right: unset;
	}
	.proj-map div#amadeus_map .map-item-inner {
		top: 12%;
		right: -5%;
	}
	.proj-map .maari-line {
		right: 5%;
	}
	.dot.mahato {
		top: 20%;
		right: 44%;
	}
	div#cue_office_dot {
		top: 34%;
		right: 42%;
	}
	.dot.sampang {
		top: 36%;
		right: 36%;
	}
	.map-label-indo {
		top: 25%;
		right: 25%;
		font-size: 20px;
	}
	.dot.carnarvon {    
		top: 52%;
		right: 34%;
	}
	.dot.amadeus {
		top: 55%;
		right: 26%;
	}
	.map-label-au {
		bottom: 30%;
		right: 19%;
		font-size: 20px;
	}
	div#head_office_dot {
		bottom: 8%;
		right: 18%;
	}
	.map-label-head {
		bottom: 12%;
		right: 18%;
	}
	.dot.maari {
		right: 1%;
		bottom: 9%;
	}
	.map-label-nz {
		font-size: 20px;
		bottom: 0%;
		right: 0;
	}
	.right-map-text {
		padding-top: 0px;
	}
	body.home-page.page_0 .map-section img {
		max-width: 100%;
	}
	.corp-vid.title {
		padding: 0px;
	}
	.promo-text.promo2 {
		background-position: 100% 100%;
	}
	div#mahato_map .map-item-inner {
        top: 37%;
        right: 24%;
    }
	div#sampang_map .map-item-inner {
        top: 57%;
        right: 29%;
    }


}

@media(max-width:768px){
	
	.why-invest-bg,
	.latest-news-bg,
	.sidenav
	{
		display:none;
	}
	.home-hero {
		margin-top: 30px;
	}
	.dot {
		display: none;
	}
	.map-label-cue {
		display: none;
	}
	.map-label-indo {
		display: none;
	}
	.map-label-au {
		display: none;
	}
	.map-label-head {
		display: none;
	}
	.map-label-nz {
		display: none;
	}
	.home-promo {
		margin-bottom: 50px;
	}
	.header-wrap {
		padding: 0px;
	}
	.align-right {
		text-align: center;
	}
	body.page-template.page_300 table.content-table:nth-of-type(1) {
		width: 40% !important;
	}
	.mobile-dot {
		display: block;
	}
	.mobile-dot .dot {
		display: block;
	}
	.map-section {
		position: relative;
	}
	.dot.mahato {
		top: 11%;
		right: unset;
		left: 5%;
	}
	div#cue_office_dot {
    top: 24%;
    right: unset;
    left: 9%;
}
.dot.sampang {
    top: 27%;
    right: unset;
    left: 20%;
}
.dot.carnarvon {
    top: 48%;
    right: unset;
    left: 23%;
}
.dot.amadeus {
    top: 53%;
    right: 52%;
}
div#head_office_dot {
    bottom: 16%;
    right: 40%;
}
.dot.maari {
    right: 3%;
    bottom: 13%;
}
.mobile-label {
    display: block;
}
.mobile-label .map-label-indo {
    display: block;
    left: 25%;
    right: unset;
    top: 25%;
}
.mobile-label .map-label-au {
    display: block;
    bottom: 35%;
    top: unset;
    left: 39%;
    right: unset;
}
.mobile-label .map-label-nz {
    display: block;
    bottom: 5%;
    right: 0%;
}
.mobile-label .map-label-cue {
    display: block;
    left: 4%;
    right: unset;
    top: 28%;
}
.mobile-label .map-label-head {
    display: block;
    right: 43%;
    bottom: 11%;
}
span.play-bot {
    left: 40%;
    top: 30%;
}
.mobile-dot {
    display: none;
}
}
@media(max-width:680px){
	.bio-box {
	  width: 100% !important;
	}
}
@media(max-width:640px){
	.head-news,.invsbox {
		margin-bottom:20px;
	}
	.slide-text-container h1, .slide-text-container h1 span {
		font-size: 35px;
		max-width: 100%
	}
	.medium-2.cell.medium-text-center.large-text-left {
		text-align: center;
	}
	span.FilterByYear {
		width: 100%;
		display: block;
		margin-bottom: 25px;
	}
	.archiveFilterB a, .archiveFilterB a.currentyear {
		display: block;
		width: 100%;
		border-bottom: 1px solid #00438c;
		margin-top: -24px;
	}
	.content-right-img.carnarvon-img {
		width: 100%;
		max-width: 100%;
		float: unset;
		margin-bottom: 20px;
	}
	table.content-table {
		width: 100% !important;
		overflow: scroll;
		display: block;
	}
	body.page-template.page_300 table.content-table:nth-of-type(1) {
		width: 100% !important;
	}
	.dot {
		height: 15px;
		width: 15px;
	}
	.css-ripples {
		width: 15px;
		height: 15px;
		top: 8px;
		left: 8px;
	}
	div#cue_office_dot {
		width: 10px;
		height: 10px;
	}
	div#head_office_dot {
		height: 10px;
		width: 10px;
	}
	.mobile-label .map-label-au {
		display: block;
		bottom: 33%;
		top: unset;
		left: 39%;
		right: unset;
		font-size: 15px;
	}
	.mobile-label .map-label-nz {
		display: block;
		bottom: 5%;
		right: 0%;
		font-size: 15px;
	}
	.mobile-label .map-label-indo {
		display: block;
		left: 25%;
		right: unset;
		top: 23%;
		font-size: 15px;
	}
	.mobile-label .map-label-cue {
		display: block;
		left: 4%;
		right: unset;
		top: 28%;
		font-size: 10px;
	}
	.mobile-label .map-label-head {
		display: block;
		right: 43%;
		bottom: 11%;
		font-size: 10px;
	}
}
@media(max-width:480px){
	.footer-box{
		margin-bottom: 20px;
		display: inline-block;
		width: 100%;
	}
	.slide-text-container h2, .slide-text-container h2 span {
    	font-size: 44px;
    }
}
@media(max-width:430px){
	.responsive-card-table {
		width:100%;
	}
    .responsive-card-table th {
    	display:none;
    }
   	.responsive-card-table td div.center {
		text-align: right;
   	}
	.responsive-card-table tr,
	.responsive-card-table td
	{
		display:block;
		width:100%;
		text-align: right;
	}
    .responsive-card-table td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }
}
@media(max-width:320px){
	.slide-text-container h1, .slide-text-container h1 span {
		font-size: 30px;
		max-width: 100%;
	}
	.right-map-text h3 {
		font-weight: 600;
		font-size: 30px;
		color: #fff;
		text-align: center;
	}
	.home-hero h2 {
		font-weight: 600;
		font-size: 30px;
		text-align: center;
		color: #fff;
	}
}